/**
 * loader: 1.下载 2.使用 
 * plugins: 1.下载 2.引入 3.使用   
 */
const { resolve } = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'built.js',
        path: resolve(__dirname, ' build')
    },
    module: {
        rules: [
            //loader的配置
        ],

    },
    plugins: [
        //html-webpack-plugin 功能：默认会创建一个空的html文件，自动打包引入输出的所有资源（js、css）
        //需求： 需要有结构的html文件
        new HtmlWebpackPlugin({
            //复制 './src/index.html' 文件，并自动引入打包输出的所有资源（js/css）
            template: './src/index.html'
        })
    ],
    mode: 'development'

}